<template>
  <!-- 简历详情 -->
  <view
    class="box"
    @click="moreChage = false"
    @touchstart="handleTouchStart"
    @touchmove="handleTouchMove"
    @touchend="handleTouchEnd"
  >
    <view v-if="!loding">
      <!-- #ifdef MP-WEIXIN -->
      <view
        class="head"
        :style="
          'padding-top:' +
          statusBarHeight1 +
          'px;padding-right:' +
          (WXwidth + 15) +
          'px;height:' +
          (statusBarHeight1 + 44) +
          'px'
        "
      >
        <!-- #endif -->
        <!-- #ifndef MP-WEIXIN -->
        <view
          class="head"
          :style="
            'padding-top:' + (statusBarHeight1 + 10) + 'px;height:' + (statusBarHeight1 + 54) + 'px'
          "
        >
          <!-- #endif -->
          <!-- #ifdef APP-PLUS -->
          <view class="fanhui">
            <image
              @click="fanhui"
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black_fanhui.png"
              mode=""
            >
            </image>
            <span>简历详情</span>
          </view>
          <!-- #endif -->
          <!-- #ifndef APP-PLUS -->
          <view class="fanhui">
            <image
              v-if="beforePage != ''"
              @click="fanhui"
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black_fanhui.png"
              mode=""
            >
            </image>
            <image
              v-else
              @click="shouye"
              style="width: 54rpx; height: 54rpx"
              src="https://pic.bangbangtongcheng.com/fc915aba003f4504a80d16c7a8c9b348"
            ></image>
            <span>简历详情</span>
          </view>

          <!-- #endif -->
        </view>
        <!-- #ifdef MP-WEIXIN -->
        <view
          :style="'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 44) + 'px'"
        ></view>
        <!-- #endif -->
        <!-- #ifndef MP-WEIXIN -->
        <view
          :style="'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 54) + 'px'"
        ></view>
        <!-- #endif -->

        <view
          class="biographicalNotes"
          :style="isViewVisible ? 'margin-top: 75rpx;' : 'margin-top: 20rpx;'"
        >
          <view class="isViewVisible" v-show="isViewVisible">
            <!-- #ifdef MP-WEIXIN -->
            <view
              :style="
                'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 44) + 'px'
              "
            >
            </view>
            <!-- #endif -->
            <!-- #ifndef MP-WEIXIN -->
            <view
              :style="
                'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 54) + 'px'
              "
            >
            </view>
            <!-- #endif -->
            <view class="number">
              <view style="display: flex">
                信息编号：{{ data.id }}
                <!-- 								<view class="informationNoBubble" v-if='informationNoBubbles'>
									<view class="binds_1">
										信息编号是唯一的信息身份号码，可在帮帮同城进行准确搜索查找。
									</view>
									<view class="binds_2">
										联系发布人时可通过信息编号确认信息。
									</view>
								</view> -->
                <span style="margin: 0rpx 20rpx; color: #cdcdcf">|</span>
                <view class="remark">
                  备注信息
                  <image
                    style="margin-left: 20rpx"
                    src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black-edit.png"
                  >
                  </image>
                </view>
              </view>

              <view class="icon">
                <view @click="sc">
                  <image
                    v-if="data.whetherCollection != 0"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/byq-yixihuan.png"
                  />
                  <image
                    v-else
                    src="https://pic.bangbangtongcheng.com/static/bbcz/byq-daixihuan.png"
                  />
                </view>

                <!-- 								<view>
									<image
										src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black-share.png">
									</image>
								</view> -->

                <view class="genduoNew" @click.stop="moreChage = !moreChage">
                  <image
                    src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black-more.png"
                  >
                  </image>
                  <view class="administrations" v-if="moreChage">
                    <text class="items" @click="shield"> 屏蔽 </text>
                    <text class="items" style="border-bottom: none" @click="jubao"> 举报 </text>
                  </view>
                </view>
              </view>
            </view>
          </view>

          <!-- 个人信息 -->
          <view class="personal">
            <!-- <view class="title">
							{{data.resumeTitle}}
						</view> -->
            <view class="title">
              <image
                style="width: 8rpx; height: 32rpx; margin-right: 10rpx"
                src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/juxing.png"
              >
              </image>
              <span>基本信息</span>
            </view>
            <view class="center">
              <view class="left">
                <view :class="userState == 1 || userState == 2 ? 'vague item' : 'item'"
                  >姓<span style="color: transparent">空空</span>名：{{
                    vagueShow ? '***' : data.realName
                  }}
                </view>
                <view :class="userState == 1 || userState == 2 ? 'vague item' : 'item'">
                  性<span style="color: transparent">空空</span>别：{{
                    data.sexualDistinction == 1 ? '男' : '女'
                  }}<br />
                  年<span style="color: transparent">空空</span>龄：{{
                    data.age ? data.age : getAge(data.dateBirth)
                  }}<br />
                  学<span style="color: transparent">空空</span>历：{{
                    vagueShow ? '***' : data.highestEducation.split(' ')[0]
                  }}
                </view>
                <view
                  v-if="data.experienceYears"
                  :class="userState == 1 || userState == 2 ? 'vague item' : 'item'"
                >
                  工作经验：{{ data.experienceYears }}
                </view>
              </view>
              <view :style="vagueShow ? 'filter: blur(10px);' : ''">
                <image
                  :class="userState == 1 || userState == 2 ? 'vague image' : 'image'"
                  :src="data.myPhoto"
                ></image>
              </view>
            </view>
            <view
              :class="userState == 1 || userState == 2 ? 'vague address' : 'address'"
              v-if="data.homeAddress"
            >
              现居地址：{{ vagueShow ? '***' : data.homeAddress }}
            </view>
            <view v-if="data.personalAdvantages" class="address">
              自我介绍：{{ vagueShow ? '***' : data.personalAdvantages }}
            </view>
          </view>
          <!-- 期望岗位 -->
          <view class="expectedPosition">
            <view class="title">
              <view style="display: flex; align-items: center">
                <image
                  style="width: 8rpx; height: 32rpx; margin-right: 10rpx"
                  src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/juxing.png"
                >
                </image>
                <span>意向职位</span>
              </view>
              <view class="userCurStatus">离职，随时到岗</view>
            </view>
            <view :class="userState == 1 || userState == 2 ? 'vague iteam' : 'iteam'">
              <view class="iteam_view">
                <text :key="index" v-for="(item, index) in data.intendedPosition.split(',')"
                  >{{ item }}
                </text>
              </view>
            </view>
            <view> 求职类型：{{}} </view>
            <view :class="userState == 1 || userState == 2 ? 'vague salary' : 'salary'">
              期望薪资：{{ data.salaryExpectation }}元
            </view>
            <view> 工作区域：{{}} </view>
          </view>
          <!-- 教育经历 -->
          <view class="educationalExperience">
            <view class="title">
              <image
                style="width: 8rpx; height: 32rpx; margin-right: 10rpx"
                src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/juxing.png"
              >
              </image>
              <span>教育经历</span>
            </view>
            <view
              :class="userState == 1 || userState == 2 ? 'vague iteam' : 'iteam'"
              v-for="(i, j) in data.graduationAcademy"
              :key="j"
            >
              <view v-if="i.schoolName"> 毕业院校：{{ vagueShow ? '***' : i.schoolName }} </view>
              <view v-if="i.major"> 所学专业：{{ vagueShow ? '***' : i.major }} </view>
              <view v-if="i.schoolHours"> 毕业时间：{{ vagueShow ? '***' : i.schoolHours }} </view>
              <view v-if="i.schoolName"> 获得荣誉：{{ vagueShow ? '***' : i.schoolName }} </view>
              <view v-if="i.schoolName"> 学习经历：{{ vagueShow ? '***' : i.schoolName }} </view>
              <!-- 							<view class="iteam_top">
								<view class="left">
									毕业院校：{{i.schoolName}}
								</view>
								<view class="right">
									<span class="nf_span">{{i.schoolHours}}</span>
								</view>
							</view>
							<view class="iteam_bottom">
								{{data.highestEducation.split(' ')[0]}}·{{i.major}}
							</view> -->
            </view>
          </view>
          <!-- 工作经历 -->
          <view
            class="educationalExperience"
            v-if="data.workExperience && data.workExperience.length"
          >
            <view class="title">
              <image
                style="width: 8rpx; height: 32rpx; margin-right: 10rpx"
                src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/juxing.png"
              >
              </image>
              <span>工作经历</span>
            </view>
            <view
              :class="userState == 1 || userState == 2 ? 'vague iteam' : 'iteam'"
              v-for="(i, j) in data.workExperience"
              :key="j + 'jL'"
            >
              <view v-if="i.corporateName">
                公司名称：{{ vagueShow ? '***' : i.corporateName }}
              </view>
              <view v-if="i.positionName">
                职位类型：{{ vagueShow ? '***' : i.positionName }}
              </view>
              <view v-if="i.onJobTime">
                在职时间：{{ vagueShow ? '***' : i.onJobTime.split('|').join('-') }}
              </view>
              <view v-if="i.jobContent"> 薪资范围：{{}} </view>
              <view v-if="i.jobContent"> 工作描述：{{ vagueShow ? '***' : i.jobContent }} </view>
              <view v-if="i.jobContent"> 个人优势：{{ vagueShow ? '***' : i.jobContent }} </view>
              <!-- 							<view class="iteam_top">
								<view class="left">
									{{i.corporateName}}
								</view>
								<view class="right">
									<span class="nf_span">{{i.onJobTime.split('|').join('-')}}</span>
									<view class="image"></view>
								</view>
							</view>
							<view class="iteam_bottom">
								{{i.positionName}}
							</view>
							<view class="gznr">
								工作内容：{{i.jobContent}}
							</view> -->
            </view>
          </view>

          <!-- 期望薪资 -->
          <!-- 					<view class="salaryExpectation">
						<view class="title">
							期望薪资:
						</view>
						<view :class="(userState == 1 || userState == 2)?'vague salary':'salary'">
							{{data.salaryExpectation}}元
						</view>
					</view> -->
          <!-- 个人优势 -->
          <view class="personalAdvantages" v-if="data.personalAdvantages" style="display: none">
            <view class="title"> 个人优势: </view>
            <view :class="userState == 1 || userState == 2 ? 'vague superiority' : 'superiority'">
              <view :class="zkgryxChage ? 'zhankai center' : 'center'">
                <text ref="introduceId" class="introduceId">
                  {{ data.personalAdvantages }}
                </text>
              </view>
              <view class="zk" v-if="zhankai">
                <view class="zk_right" v-if="zkgryxChage" @click="zhankaiChage()">
                  收起
                  <image
                    class="image"
                    src="https://pic.bangbangtongcheng.com/static/bbzc/corporation/gs_gd_2.png"
                    mode=""
                  ></image>
                </view>
                <view v-else class="zk_right" @click="zhankaiChage()">
                  展开
                  <image
                    class="image"
                    src="https://pic.bangbangtongcheng.com/static/bbzc/corporation/gs_gd.png"
                    mode=""
                  ></image>
                </view>
              </view>
            </view>
          </view>
          <!-- 加分项 -->
          <view
            class="bonusItem"
            v-if="
              (data.bonusItem.trainingExperience && data.bonusItem.trainingExperience.length) ||
              (data.bonusItem &&
                data.bonusItem.languageAbility &&
                data.bonusItem.languageAbility.length) ||
              (data.bonusItem.qualification && data.bonusItem.qualification.length) ||
              (data.bonusItem.professionalSkills && data.bonusItem.professionalSkills.length)
            "
          >
            <view
              class="title"
              v-if="
                (data.bonusItem.trainingExperience && data.bonusItem.trainingExperience.length) ||
                (data.bonusItem &&
                  data.bonusItem.languageAbility &&
                  data.bonusItem.languageAbility.length) ||
                (data.bonusItem.qualification && data.bonusItem.qualification.length) ||
                (data.bonusItem.professionalSkills && data.bonusItem.professionalSkills.length)
              "
            >
              <image
                style="width: 8rpx; height: 32rpx; margin-right: 10rpx"
                src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/juxing.png"
              >
              </image>
              <span>加分项</span>
            </view>
            <view :class="userState == 1 || userState == 2 ? 'vague bonus' : 'bonus'">
              <view
                class="item"
                v-if="data.bonusItem.trainingExperience && data.bonusItem.trainingExperience.length"
              >
                <view class="item_title">培训经历：</view>
                <view class="item_card">
                  <view
                    class="trainingExperience_item_info"
                    :key="j"
                    v-for="(i, j) in data.bonusItem.trainingExperience"
                  >
                    <view class="trainingInstitutions">
                      {{ vagueShow ? '***' : i.trainingInstitutions }}
                    </view>
                    <view class="flex trainingCourse">
                      <view>
                        {{ vagueShow ? '***' : i.trainingCourse }}
                      </view>
                      <view>
                        {{
                          vagueShow
                            ? '***'
                            : i.trainingTime.includes('|')
                            ? i.trainingTime.replace('|', '~')
                            : i.trainingTime
                        }}
                      </view>
                    </view>
                  </view>
                </view>
              </view>
              <view
                class="item"
                v-if="
                  data.bonusItem &&
                  data.bonusItem.languageAbility &&
                  data.bonusItem.languageAbility.length
                "
              >
                <view class="item_title">语言能力：</view>
                <view class="item_card">
                  <view
                    class="languageAbility_item_info"
                    v-for="(i, j) in data.bonusItem.languageAbility"
                    :key="j"
                  >
                    <view class="flex">
                      <view v-if="i.languages"
                        >{{ i.languages }}<span v-if="i.listeningSpeakingAbility">/</span></view
                      >
                      <view v-if="i.listeningSpeakingAbility">
                        听说能力{{ i.listeningSpeakingAbility
                        }}<span v-if="i.readingWritingAbility">/</span></view
                      >
                      <view v-if="i.readingWritingAbility">
                        读写能力{{ i.readingWritingAbility }}</view
                      >
                    </view>
                  </view>
                </view>
              </view>
              <view
                class="item"
                v-if="data.bonusItem.qualification && data.bonusItem.qualification.length"
              >
                <view class="item_title">资格证书：</view>
                <view class="item_card">
                  <view
                    class="qualification_item_info"
                    v-for="(i, j) in data.bonusItem.qualification"
                    :key="j"
                  >
                    <view class="flex">
                      <view v-if="i.getTime"
                        >{{ i.getTime }}荣获<span v-if="i.certificateName">/</span></view
                      >
                      <view v-if="i.certificateName">
                        {{ i.certificateName }}
                      </view>
                    </view>
                  </view>
                </view>
              </view>
              <view
                class="item"
                v-if="data.bonusItem.professionalSkills && data.bonusItem.professionalSkills.length"
              >
                <view class="item_title">专业技能：</view>
                <view class="item_card">
                  <view
                    class="professionalSkills_item_info"
                    v-for="(i, j) in data.bonusItem.professionalSkills"
                    :key="j"
                  >
                    <view class="flex">
                      <view v-if="i.skillName"
                        >{{ i.skillName }}<span v-if="i.mastery">/</span>
                      </view>
                      <view v-if="i.mastery">{{ i.mastery }}<span v-if="i.duration">/</span></view>
                      <view v-if="i.duration">{{ i.duration }}</view>
                    </view>
                  </view>
                </view>
              </view>

              <!-- 个人作品 -->
              <view class="personalWorks item" v-if="data.bonusItem.personalWorks">
                <view class="item_title"> 证书/作品： </view>
                <view class="item_card">
                  <view :class="userState == 1 || userState == 2 ? 'vague grzp_s' : 'grzp_s'">
                    <image
                      v-for="(i, j) in data.bonusItem.personalWorks.split('|')"
                      v-if="j < 3"
                      @click="HJViewImage(i)"
                      :key="j + 'zp'"
                      class="image"
                      :src="i"
                      mode="aspectFill"
                    >
                    </image>
                  </view>
                  <view
                    class="personalWorks_gd"
                    @click="personalWorksJump()"
                    v-if="data.bonusItem.personalWorks.split('|').length > 3"
                  >
                    更多>
                  </view>
                </view>
              </view>
            </view>
          </view>

          <view class="departure" v-if="indextd == 1 && data.remarks">
            <view class="title"> 留言: </view>
            <view class="kuan">
              <textarea
                class="textarea"
                auto-height
                maxlength="300"
                disabled
                v-model="data.remarks"
              />
              <!-- <span class="numberWords">{{data.remarks}}/300</span> -->
            </view>
          </view>
          <!-- <view class="disclaimer">
						{{disclaimers}}
					</view> -->
        </view>

        <view class="feahd_bottom" v-if="!indextd">
          <!-- 投递简历 -->
          <view class="sendResume" v-if="!indextd" @click="$refs.bindDownloadResume.open()">
            下载简历可查看电话
          </view>
          <!-- <view class="sendResume" v-if="!indextd" @click="getPhone()">
						拨打电话
					</view> -->
          <view class="feahd_right">
            <!-- <view class="collect" @click="sc" v-if="!indextd">
							<image class="img" v-if="data.whetherCollection != 0"
								src="https://pic.bangbangtongcheng.com/static/ysc.png" />
							<image class="img" v-else src="https://pic.bangbangtongcheng.com/static/shoucang.png" />
							<p v-if="data.whetherCollection != 0">已收藏</p>
							<p v-else>收藏信息</p>
						</view> -->
            <!-- <view class="collect" v-if="!indextd" @click="shield">
							<image class="img"
								src="https://pic.bangbangtongcheng.com/static/jubao.png" />
							<p>屏蔽</p>
						</view>
						<view class="collect" v-if="!indextd" @click="jubao">
							<image class="img"
								src="https://pic.bangbangtongcheng.com/static/jubao.png" />
							<p>举报</p>
						</view> -->
            <!-- #ifdef APP-PLUS-->
            <!-- <view class="collect" v-if="!indextd" @click="getPhone()">
							<image class="img"
								src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/zp_08.png" />
							<p>拨打电话</p>
						</view> -->
            <!-- #endif -->
            <!-- #ifndef APP-PLUS -->
            <!-- <view class="collect" v-if="!indextd" @click="onphone()">
							<image class="img"
								src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/zp_08.png" />
							<p>拨打电话</p>
						</view> -->
            <!-- #endif -->
            <view class="collect" v-if="!indextd" @click="chat">
              <image
                style="width: 33rpx; height: 29rpx; margin-right: 14rpx"
                src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/chat.png"
              />
              <span>聊一聊</span>
            </view>
            <view class="weigui" v-if="weig" @click="weigui">
              <image class="img" src="https://pic.bangbangtongcheng.com/static/weigui.png" />
              <p>
                该用户有<text style="color: red">{{ Count }}</text
                >条违规信息！
              </p>
            </view>
          </view>
        </view>
        <uniBall></uniBall>
        <uni-popup ref="binds_shield" type="center">
          <view class="binds_shield">
            <view class="text"> 屏蔽后不会对你推荐该人才，你发布的信息也不会对其展示 </view>
            <view class="btn">
              <view class="qx_btn" @click="qx_shield"> 取消 </view>
              <view class="qd_btn" @click="qd_shield"> 确定 </view>
            </view>
          </view>
        </uni-popup>
        <!-- <uni-popup ref="identity" type="center" :mask-click="false">
					<view class="binds_identity">
						<view class="text">
							因用户隐私权限设置，需认证企业用户才可查看个人简历，是否要认证招聘企业？
						</view>
						<view class="btn">
							<view class="qx_btn" @click="fanhui()">
								不了
							</view>
							<view class="qd_btn" @click="toAuthenticate()">
								去认证
							</view>
						</view>
					</view>
				</uni-popup> -->
        <uni-popup ref="identity" type="bottom" :mask-click="false">
          <view class="binds_identity_new">
            <view class="top-image">
              <image
                src="https://pic.bangbangtongcheng.com/static/TalentResume/qiyerenzheng.png"
              ></image>
            </view>
            <view class="tip-title">发布者要求</view>
            <view class="text"> 完成企业认证，查看完整人才简历 </view>
            <view class="btn">
              <view class="qx_btn" @click="fanhui()"> 不了 </view>
              <view class="qd_btn" @click="toAuthenticate()"> 去认证 </view>
            </view>
          </view>
        </uni-popup>
        <uni-popup ref="presentResume" type="bottom" :mask-click="false">
          <view class="binds_identity_new">
            <view class="top-image">
              <image
                style="width: 162rpx; height: 182rpx"
                src="https://pic.bangbangtongcheng.com/static/TalentResume/xiangyingzhiwei.png"
              ></image>
            </view>
            <view class="tip-title">发布者要求</view>
            <view class="text"> 招聘相应职位，查看完整人才简历 </view>
            <view class="btn">
              <view class="qx_btn" @click="fanhui()"> 不了 </view>
              <view class="qd_btn" @click="toPublic()"> 发布一条 </view>
            </view>
          </view>
        </uni-popup>
        <!-- <uni-popup ref="presentResume" type="center" :mask-click="false">
					<view class="binds_identity">
						<view class="title">
							<image class='image' @click="fanhui()"
								src="https://pic.bangbangtongcheng.com/static/bbzc/jL_close.png" mode=""></image>
						</view>
						<view class="text" style="padding: 0 44rpx 44rpx 44rpx">
							根据用户设置，仅对招聘相应岗位的企业展示简历。
						</view>
					</view>
				</uni-popup> -->
      </view>
      <dLoading v-if="loding"></dLoading>
      <uni-popup ref="bindMarkCall" mode="center">
        <view class="bindMarkCallBindsFrame">
          <image
            src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/jianzhi-xiangqing-pop2.png"
            class="phoneLogo"
          ></image>
          <image
            src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/closeIcon.png"
            class="closeIcon"
            @click="$refs.bindMarkCall.close()"
          ></image>
          <view class="phoneItem">
            <image
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/markCall.png"
            >
            </image>
            <span class="phoneNumber">167******66</span>
            <span class="onphone" @click="onphone()">点击拨打</span>
          </view>

          <view class="tip">
            <span>请说明您是在“帮帮同城”看到的，谢谢！</span>
          </view>
        </view>
      </uni-popup>
      <uni-popup ref="bindDownloadResume" mode="center">
        <view class="binds_frame">
          <view class="binds_frame_t"></view>
          <view class="binds_frame_c">
            <p>是否下载当前简历？</p>
            <p>下载后可拨打电话</p>
          </view>
          <view class="binds_frame_b">
            <view class="cancel" @click="$refs.bindDownloadResume.close()">取消</view>
            <view class="determine" @click="downloadResumeConfirm">确定</view>
          </view>
        </view>
      </uni-popup>
      <back-top :scrollTop="scrollTop"></back-top>
      <view class="bottom">
        <view class="bottom_left">
          <view class="img" @click="shield">
            <image src="https://pic.bangbangtongcheng.com/static/resumepinbi.png" />
            <p>屏蔽</p>
          </view>
          <view class="img" @click="jubao">
            <image src="https://pic.bangbangtongcheng.com/static/resumejubao.png" />
            <p>举报</p>
          </view>
          <!-- #ifdef APP-PLUS -->
          <view class="img" @click="getPhone(data.userInformation.phone, 2)">
            <image src="https://pic.bangbangtongcheng.com/static/dianhua.png"></image>
            <p>拨打电话</p>
          </view>
          <!-- #endif -->
          <!-- #ifndef APP-PLUS -->
          <view class="img" @click="onphone(data.userInformation.phone, 2)">
            <image src="https://pic.bangbangtongcheng.com/static/dianhua.png"></image>
            <p>拨打电话</p>
          </view>
          <!-- #endif -->

          <view
            class="img"
            @click.stop="
              chat(
                data.userInformation.userId,
                data.userInformation.nikeName,
                imgUrl + data.userInformation.image
              )
            "
          >
            <image
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/zp_11.png"
            />
            <p>在线聊</p>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  import permision from '@/js_sdk/wa-permission/permission.js'
  import { mapGetters } from 'vuex'
  let statusBarHeight
  //#ifdef H5
  import wxshare from '../../utils/index.js'
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //#endif
  // #ifdef APP-PLUS
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //  #endif
  // #ifdef MP-WEIXIN
  statusBarHeight = 106
  //  #endif
  export default {
    data() {
      return {
        userInfo: uni.getStorageSync('Pduser'),
        statusBarHeight,
        WXwidth: '',
        zkgryxChage: false,
        zhankai: false,
        disclaimers: '',
        id: '',
        data: null,
        loding: true,
        userState: 0,
        indexss: 0,
        llindex: 1,
        indextd: '',
        weig: false,
        Count: '',
        isViewVisible: true, // 控制目标view的显示状态
        scrollTop: 0,
        moreChage: false,
        beforePage: '',
        vagueShow: false, // 是否模糊显示
      }
    },
    computed: {
      ...mapGetters(['statusBarHeight1', 'userinfo']),
    },
    onPageScroll: function (Object) {
      this.scrollTop = Object.scrollTop //实时获取到滚动的值
    },
    async onLoad(option) {
      // #ifdef MP-WEIXIN
      // 获取胶囊信息
      let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
      let getWindowInfo = uni.getWindowInfo().screenWidth
      this.WXwidth = getWindowInfo - (menuButtonInfo.right - menuButtonInfo.width)
      // #endif
      this.Disclaimers()
      this.id = option.id
      this.indexss = option.indexss
      if (option.indextd) {
        this.indextd = option.indextd
      }
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */
      this.beforePage = pages.length >= 2 //上个页面
    },
    onShow() {
      let than = this
      this.getData(true)
      setTimeout(function () {
        than.weig = false
      }, 6000)
    },
    methods: {
      toPublic() {
        uni.redirectTo({
          url: '/pages_recruitMoney/publish/publishFullTime',
        })
      },
      handleTouchStart(event) {
        console.log('@@@')
        // 记录开始触摸的Y坐标
        this.startY = event.touches[0].clientY
      },
      handleTouchMove(event) {
        // 当前触摸的Y坐标
        const currentY = event.touches[0].clientY
        // 计算滑动的距离
        const distance = currentY - this.startY
        // 根据滑动的距离判断是上滑还是下滑
        if (distance > 6) {
          // 上滑操作
          this.isViewVisible = true
        } else if (distance < -6) {
          // 下滑操作
          this.isViewVisible = false
        }
      },
      handleTouchEnd() {
        // 可以在这里做一些触摸结束后的处理
      },
      chat(receiver, nikeName, img) {
        if (!this.showLogin()) {
          return
        }
        uni.navigateTo({
          url: `/pages/news/chat1?receiver=${receiver}&img=${img}&nikeName=${nikeName}`,
        })
      },
      async getPhone(phone, index) {
        this.onphone(phone, index)
      },

      onphone(item, index) {
        if (!this.userinfo.phone) {
          uni.showModal({
            title: '',
            content: '尚未登录，前往登录？',
            showCancel: true,
            success: (res) => {
              if (res.confirm) {
                //#ifdef H5
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef APP-PLUS
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef MP-WEIXIN
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                //#endif
              }
            },
          })
          return
        }
        if (index == 1) {
          this.$myRequest
            .post('/mob/user/call', {
              userId: this.userinfo.id,
              telephoneNumber: item.phone,
              associationId: item.userId,
              type: 3,
            })
            .then((res) => {})
          uni.makePhoneCall({
            // 手机号
            phoneNumber: item.phone,
            // 成功回调
            success: (res) => {
              console.log('调用成功!')
            },

            // 失败回调
            fail: (res) => {
              console.log('调用失败!')
            },
          })
        } else {
          this.$myRequest
            .post('/mob/user/call', {
              userId: this.userinfo.id,
              telephoneNumber: item,
              associationId: this.data.id,
              type: 1,
            })
            .then((res) => {})
          uni.makePhoneCall({
            // 手机号
            phoneNumber: item,
            // 成功回调
            success: (res) => {
              console.log('调用成功!')
            },

            // 失败回调
            fail: (res) => {
              console.log('调用失败!')
            },
          })
        }
      },
      shouye() {
        uni.switchTab({
          url: '/pages/index/index',
        })
      },
      getAge(val) {
        let currentYear = new Date().getFullYear() //当前的年份
        let calculationYear = new Date(val).getFullYear() //计算的年份
        const wholeTime = currentYear + val.substring(4) //周岁时间
        const calculationAge = currentYear - calculationYear //按照年份计算的年龄
        //判断是否过了生日
        if (new Date().getTime() > new Date(wholeTime).getTime()) {
          return calculationAge
        } else {
          return calculationAge - 1
        }
      },
      HJViewImage(urls) {
        let imgs = this.data.bonusItem.personalWorks.split('|').map((v) => v)
        uni.previewImage({
          urls: imgs,
          current: urls,
        })
      },
      personalWorksJump() {
        uni.setStorageSync('grzpImg_key', this.data.bonusItem.personalWorks.split('|'))
        uni.navigateTo({
          url: '/pages_recruitMoney/recruitmentDetails/personalWorksPicture',
        })
      },
      weigui() {
        uni.navigateTo({
          url:
            '/pages_intermediary/illegalBehavior?id=' + this.data.userInformation.id + '&index=2',
        })
      },
      getCount(id) {
        let that = this
        this.$myRequest
          .get('/mob/user/getReportMyRecord', {
            userId: id,
            // businessType: 4,
          })
          .then((res) => {
            this.Count = res.page.count
            if (this.Count > 0) {
              that.weig = true
            }
          })
      },
      shield() {
        this.$refs.binds_shield.open()
      },
      qx_shield() {
        this.$refs.binds_shield.close()
      },
      qd_shield() {
        let data = {}
        data = {
          shieldPeople: this.userInfo.id,
          associationId: this.data.id,
          associationName: this.data.resumeTitle,
          shieldingType: 4,
          shieldingTime: this.$Time.getTimes(),
        }
        this.$myRequest.post('/api/mobile/personnelOwner/increaseShield', data).then((res) => {
          uni.showToast({
            title: res.msg,
            icon: 'none',
            mask: true,
          })
          setTimeout(() => {
            if (this.indexss == 1) {
              let pages = getCurrentPages()
              let prevPage = pages[pages.length - 2]
              prevPage.$vm.indexss = 1
            }
            uni.navigateBack({
              delta: 1,
            })
          }, 500)
        })
      },
      jubao() {
        if (!this.showLogin()) {
          return
        }
        uni.navigateTo({
          url:
            '/pages_recruitMoney/index/report?id=' +
            this.data.id +
            '&userId=' +
            this.data.userInformation.id +
            '&index=2',
        })
      },
      // 免责声明
      Disclaimers() {
        this.$myRequest
          .get('/api/mobile/public/getDisclaimersByDisclaimerLocation', {
            disclaimerLocation: '17',
          })
          .then((res) => {
            this.disclaimers = res.Disclaimers.disclaimerContent
          })
      },
      lljl() {
        if (!this.userInfo.phone) {
          return
        }
        if (this.data.userInformation.id == this.userInfo.id) {
          return
        }
        this.$myRequest
          .post('/api/mobile/public/increaseBrowsingRecord', {
            browseRecordId: this.id,
            viewersId: this.userInfo.id,
            businessType: 4,
            browsingRecords: 8,
          })
          .then((res) => {
            this.llindex = 2
          })
      },
      sc() {
        if (!this.userinfo.phone) {
          uni.showModal({
            title: '',
            content: '尚未登录，前往登录？',
            showCancel: true,
            success: (res) => {
              if (res.confirm) {
                //#ifdef H5
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef APP-PLUS
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef MP-WEIXIN
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                //#endif
              }
            },
          })
          return
        }
        let that = this
        this.$myRequest
          .post('/api/mobile/public/favoriteFollowOrCancelFavoriteFollow', {
            collectorId: this.userInfo.id,
            collectionType: 8,
            relationId: this.data.id,
            id: this.data.followCollections ? this.data.followCollections.id : '',
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            this.getData()
          })
      },
      // 获取简历详情
      getData(status) {
        let that = this
        if (this.indextd == 1) {
          this.$myRequest
            .get('/api/mobile/personnelOwner/getResumeDeliveryRecordDetails', {
              id: this.id,
            })
            .then((res) => {
              if (!res.resumeDeliveryRecordDetails.id) {
                uni.navigateBack({
                  delta: 1,
                })
                setTimeout(() => {
                  uni.showToast({
                    title: '该简历已关闭！',
                    icon: 'none',
                    mask: true,
                  })
                }, 500)
                return
              }
              res.resumeDeliveryRecordDetails.graduationAcademy = JSON.parse(
                res.resumeDeliveryRecordDetails.graduationAcademy
              )
              if (res.resumeDeliveryRecordDetails.workExperience) {
                res.resumeDeliveryRecordDetails.workExperience = JSON.parse(
                  res.resumeDeliveryRecordDetails.workExperience
                )
              }
              if (res.resumeDeliveryRecordDetails.bonusItem) {
                res.resumeDeliveryRecordDetails.bonusItem = JSON.parse(
                  res.resumeDeliveryRecordDetails.bonusItem
                )
                if (res.resumeDeliveryRecordDetails.bonusItem.trainingExperience) {
                  res.resumeDeliveryRecordDetails.bonusItem.trainingExperience = JSON.parse(
                    res.resumeDeliveryRecordDetails.bonusItem.trainingExperience
                  )
                }
                if (res.resumeDeliveryRecordDetails.bonusItem.languageAbility) {
                  res.resumeDeliveryRecordDetails.bonusItem.languageAbility = JSON.parse(
                    res.resumeDeliveryRecordDetails.bonusItem.languageAbility
                  )
                }
                if (res.resumeDeliveryRecordDetails.bonusItem.qualification) {
                  res.resumeDeliveryRecordDetails.bonusItem.qualification = JSON.parse(
                    res.resumeDeliveryRecordDetails.bonusItem.qualification
                  )
                }
                if (res.resumeDeliveryRecordDetails.bonusItem.professionalSkills) {
                  res.resumeDeliveryRecordDetails.bonusItem.professionalSkills = JSON.parse(
                    res.resumeDeliveryRecordDetails.bonusItem.professionalSkills
                  )
                }
              }
              this.data = res.resumeDeliveryRecordDetails
              console.log('---------------------------------------')
              console.log(res.resumeDeliveryRecordDetails)
              if (status) {
                that.getCount(res.resumeDeliveryRecordDetails.userInformation.id)
              }
              that.$nextTick(() => {
                setTimeout(() => {
                  this.loding = false
                  this.getHeight()
                }, 1000)
              })
            })
        } else if (this.indextd == 3) {
          let jlmb = uni.getStorageSync('JLMB_key')
          if (jlmb.bonusItem) {
            // jlmb.bonusItem = JSON.parse(jlmb
            // 	.bonusItem)
            if (jlmb.bonusItem.trainingExperience) {
              jlmb.bonusItem.trainingExperience = JSON.parse(jlmb.bonusItem.trainingExperience)
            }
            if (jlmb.bonusItem.languageAbility) {
              jlmb.bonusItem.languageAbility = JSON.parse(jlmb.bonusItem.languageAbility)
            }
            if (jlmb.bonusItem.qualification) {
              jlmb.bonusItem.qualification = JSON.parse(jlmb.bonusItem.qualification)
            }
            if (jlmb.bonusItem.professionalSkills) {
              jlmb.bonusItem.professionalSkills = JSON.parse(jlmb.bonusItem.professionalSkills)
            }
          }
          this.data = jlmb
          console.log(this.data, 'asd')
          that.$nextTick(() => {
            setTimeout(() => {
              this.loding = false
              this.getHeight()
            }, 1000)
          })
        } else {
          this.$myRequest
            .get('/api/mobile/personnelOwner/getResumeDetails', {
              id: this.id,
              userId: this.userInfo.id,
            })
            .then((res) => {
              if (!res.biographicalNotesDetails.id) {
                uni.navigateBack({
                  delta: 1,
                })
                setTimeout(() => {
                  uni.showToast({
                    title: '该简历已关闭！',
                    icon: 'none',
                    mask: true,
                  })
                }, 500)
                return
              }
              res.biographicalNotesDetails.graduationAcademy = JSON.parse(
                res.biographicalNotesDetails.graduationAcademy
              )
              if (res.biographicalNotesDetails.workExperience) {
                res.biographicalNotesDetails.workExperience = JSON.parse(
                  res.biographicalNotesDetails.workExperience
                )
              }
              if (res.biographicalNotesDetails.bonusItem) {
                res.biographicalNotesDetails.bonusItem = JSON.parse(
                  res.biographicalNotesDetails.bonusItem
                )
                console.log(res.biographicalNotesDetails.bonusItem)
                if (res.biographicalNotesDetails.bonusItem.trainingExperience) {
                  res.biographicalNotesDetails.bonusItem.trainingExperience = JSON.parse(
                    res.biographicalNotesDetails.bonusItem.trainingExperience
                  )
                }
                if (res.biographicalNotesDetails.bonusItem.languageAbility) {
                  res.biographicalNotesDetails.bonusItem.languageAbility = JSON.parse(
                    res.biographicalNotesDetails.bonusItem.languageAbility
                  )
                }
                if (res.biographicalNotesDetails.bonusItem.qualification) {
                  res.biographicalNotesDetails.bonusItem.qualification = JSON.parse(
                    res.biographicalNotesDetails.bonusItem.qualification
                  )
                }
                if (res.biographicalNotesDetails.bonusItem.professionalSkills) {
                  res.biographicalNotesDetails.bonusItem.professionalSkills = JSON.parse(
                    res.biographicalNotesDetails.bonusItem.professionalSkills
                  )
                }
              }
              if (res.biographicalNotesDetails.userInformation.id != this.userInfo.id) {
                if (res.biographicalNotesDetails.visibleRange == 2) {
                  if (this.userInfo.enterpriseRecruitmentStatus != 1) {
                    this.userState = 1
                  }
                } else if (res.biographicalNotesDetails.visibleRange == 3) {
                  this.getRecruit(res.biographicalNotesDetails.intendedPosition)
                }
              }
              this.data = res.biographicalNotesDetails
              if (status) {
                that.getCount(res.biographicalNotesDetails.userInformation.id)
              }
              if (this.llindex == 1) {
                this.lljl()
              }
              that.$nextTick(() => {
                setTimeout(() => {
                  this.loding = false
                  this.identity()
                  this.getHeight()
                }, 1000)
              })
            })
        }
      },
      // 获取用户有没有发布过招聘信息
      async getRecruit(position) {
        await this.$myRequest
          .get('/api/mobile/personnelOwner/getWhetherPublishedRecruitment', {
            userId: this.userInfo.id,
            recruitmentType: 1,
            position: position,
          })
          .then((res) => {
            if (res.whetherExistPublishedRecruitment != 1) {
              this.userState = 2
            }
          })
      },
      identity() {
        this.$nextTick(() => {
          if (this.userState == 1) {
            this.$refs.identity.open()
            this.vagueShow = true
          } else if (this.userState == 2) {
            this.$refs.presentResume.open()
            this.vagueShow = true
          }
        })
      },
      downloadResumeConfirm() {
        this.$refs.bindDownloadResume.close()
        this.sendResume(true)
      },
      async sendResume(isNoBack) {
        if (!this.showLogin()) {
          return
        }
        if (this.userInfo.enterpriseRecruitmentStatus != 1) {
          uni.showToast({
            title: '您不是企业身份，暂时无法获取简历。',
            icon: 'none',
            mask: true,
          })
          return
        }
        let index = await this.getRecruits()
        if (index != 1) {
          uni.showToast({
            title: '您还未发布过招聘，暂时无法获取简历。',
            icon: 'none',
            mask: true,
          })
          return
        }
        this.$myRequest
          .get('/api/mobile/personnelOwner/obtainResume', {
            userId: this.userInfo.id,
            resumeIds: this.data.id,
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            if (!isNoBack) {
              setTimeout(() => {
                uni.navigateBack({
                  delta: 1,
                })
              }, 500)
            } else {
              this.$refs.bindMarkCall.open()
            }
          })
      },
      async getRecruits() {
        let data = ''
        await this.$myRequest
          .get('/api/mobile/personnelOwner/getWhetherPublishedRecruitment', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            data = res.whetherExistPublishedRecruitment
          })
        return data
      },
      // 获取高度
      getHeight() {
        this.$nextTick(() => {
          uni
            .createSelectorQuery()
            .in(this)
            .select('.introduceId')
            .fields(
              {
                size: true,
              },
              (res) => {
                console.log(res.height)
                if (res && res.height > 54) {
                  this.zhankai = true
                }
              }
            )
            .exec()
        })
      },
      // 展开个人优势
      zhankaiChage() {
        this.zkgryxChage = !this.zkgryxChage
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.jinzhifx(re.data)
          },
        })
      },
      jinzhifx(data) {
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['hideMenuItems'],
        })
        // 禁止分享
        wxshare.hideMenuItems({
          // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
          menuList: [
            'menuItem:share:appMessage',
            'menuItem:share:timeline',
            'menuItem:share:timeline',
            'menuItem:share:qq',
            'menuItem:favorite',
            'menuItem:share:QZone',
            'menuItem:openWithSafari',
          ],
        })
      },
      chat() {
        if (!this.showLogin()) {
          return
        }
        uni.navigateTo({
          url: `/pages/news/chat1?receiver=${this.data.userInformation.id}&img=${
            this.data.userInformation.image
          }&nikeName=${this.data.userInformation.userName || this.data.userInformation.nikeName}`,
        })
      },
      fanhui() {
        uni.navigateBack({
          delta: 1,
        })
      },
      toAuthenticate() {
        uni.switchTab({
          url: '/pages/my/index?showPopup=enterprise',
        })
      },
      async getPhone() {
        this.onphone()
      },
      onphone() {
        if (!this.userInfo.phone) {
          uni.showModal({
            title: '',
            content: '尚未登录，前往登录？',
            showCancel: true,
            success: (res) => {
              if (res.confirm) {
                //#ifdef H5
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef APP-PLUS
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef MP-WEIXIN
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                //#endif
              }
            },
          })
          return
        }
        this.$myRequest
          .post('/api/mobile/public/increaseCallRecord', {
            userId: this.userInfo.id,
            businessType: '4',
            telephoneNumber: this.data.userInformation.phone,
            associationId: this.data.id,
            callType: 8,
          })
          .then((res) => {})
        uni.makePhoneCall({
          // 手机号
          phoneNumber: this.data.userInformation.phone,
          // 成功回调
          success: (res) => {
            console.log('调用成功!')
          },

          // 失败回调
          fail: (res) => {
            console.log('调用失败!')
          },
        })
      },
    },
  }
</script>

<style lang="less" scoped>
  .box {
    width: 100%;
    min-height: 100vh;
    padding-bottom: 130rpx;
    background-color: #fff;
  }

  .isViewVisible {
    position: fixed;
    top: 0;
    left: 0;
    width: 750rpx;
    z-index: 999;
  }

  .number {
    padding: 0 30rpx;
    font-size: 28rpx;
    font-weight: 400;
    margin-bottom: 20rpx;
    //position: relative;
    display: flex;
    font-size: 24rpx;
    color: #666666;
    height: 56rpx;
    //background: rgba(255, 77, 46, 0.1);
    background: #f6e5e4;
    line-height: 56rpx;
    justify-content: space-between;

    image {
      width: 24rpx;
      height: 24rpx;
    }

    .remark {
      color: #000;
      //margin-right: 136rpx;
    }

    .icon {
      display: flex;
      justify-content: end;
      align-items: center;
      padding-top: 5rpx;

      view {
        margin-left: 40rpx;
      }

      .genduoNew {
        position: relative;

        .administrations {
          width: 140rpx;
          height: 150rpx;
          background-color: #fff;
          position: absolute;
          right: -10rpx;
          bottom: -180rpx;
          box-shadow: 0px 0px 20px 1px #d0d0d0;
          z-index: 100;
          padding: 0 32rpx;
          display: flex;
          flex-direction: column;

          .items {
            height: 72rpx;
            color: #5a5e66;
            font-size: 28rpx;
            font-weight: 500;
            border-bottom: 1px solid #e0e0e0;
            display: flex;
            align-items: center;
            justify-content: center;
          }

          &::before {
            content: '';
            display: inline-block;
            border-left: 24rpx solid transparent;
            border-right: 20rpx solid transparent;
            border-bottom: 24rpx solid #fff;
            position: absolute;
            right: 12rpx;
            top: -22rpx;
          }
        }
      }
    }

    .informationNoBubble {
      width: 500rpx;
      padding: 10rpx;
      border-radius: 10rpx;
      background-color: #ffffff;
      position: absolute;
      bottom: -150rpx;
      border: 1px solid #888;
      left: 150rpx;
      z-index: 1;

      .binds_1 {
        font-size: 24rpx;
        font-weight: 400;
        color: #333333;
        margin-bottom: 10rpx;
      }

      .binds_2 {
        font-size: 24rpx;
        font-weight: 400;
        color: #64b6a8;
      }

      &::before {
        width: 0px;
        height: 0px;
        position: absolute;
        padding: 0;
        border-left: 24rpx solid transparent;
        border-right: 20rpx solid transparent;
        border-bottom: 24rpx solid #fff;
        content: '';
        z-index: 12;
        position: absolute;
        left: 12rpx;
        top: -20rpx;
      }

      &::after {
        width: 0px;
        height: 0px;
        position: absolute;
        padding: 0;
        border-left: 24rpx solid transparent;
        border-right: 20rpx solid transparent;
        border-bottom: 24rpx solid #888;
        content: '';
        z-index: 10;
        position: absolute;
        left: 12rpx;
        top: -24rpx;
      }
    }
  }

  // 高斯模糊
  .vague {
    filter: blur(15px);
  }

  .head {
    position: fixed;
    top: 0;
    left: 0;
    width: 750rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    //background-color: #64B6A8;
    background-color: white;
    z-index: 1000;

    .fanhui {
      position: relative;
      height: 54rpx;
      line-height: 54rpx;

      image {
        width: 30rpx;
        height: 30rpx;
      }

      span {
        position: absolute;
        font-weight: 500;
        font-size: 32rpx;
        color: #000000;
        padding-left: 10rpx;
        margin-top: -5rpx;
        width: 150rpx;
      }
    }

    .ve_image {
      width: 150rpx;
      display: flex;
      align-items: center;

      .fanhui {
        width: 40rpx;
        height: 40rpx;
      }
    }

    .centers {
      font-size: 36rpx;
      font-weight: 400;
      color: #ffffff;
    }

    .head_right {
      width: 150rpx;
      font-size: 30rpx;
      font-weight: 400;
      color: #ffffff;
      display: flex;
      align-items: center;
    }
  }

  .feahd_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 750rpx;
    //height: 120rpx;
    padding: 40rpx 30rpx;
    padding-bottom: 50rpx;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
    display: flex;
    // align-items: center;
    // justify-content: space-between;
    background-color: #fff;
    z-index: 99;
    border-radius: 40rpx 40rpx 0rpx 0rpx;

    .sendResume {
      // width: 242rpx;
      // height: 70rpx;
      // background-color: #64B6A8;
      // border-radius: 10rpx;
      // font-size: 26rpx;
      // font-weight: 400;
      // color: #FFFFFF;
      // display: flex;
      // align-items: center;
      // justify-content: center;
      width: 380rpx;
      height: 90rpx;
      background: #e7f5f4;
      border-radius: 45rpx;
      border: 1rpx solid #0fa291;
      font-weight: 400;
      font-size: 32rpx;
      color: #0fa291;
      line-height: 90rpx;
      text-align: center;
    }

    .sendResumes {
      width: 242rpx;
      height: 70rpx;
    }

    .feahd_right {
      flex: 1;
      // margin-left: 50rpx;
      // display: flex;
      // align-items: center;
      // justify-content: right;

      width: 270rpx;
      height: 90rpx;
      background: #0fa291;
      border-radius: 45rpx;
      font-size: 32rpx;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;

      .collect {
        display: flex;
        //flex-direction: column;
        align-items: center;
        //justify-content: space-between;
        // font-size: 24rpx;
        // font-weight: 400;
        // color: #333333;

        .img {
          width: 54rpx;
          height: 54rpx;
        }
      }

      .weigui {
        position: absolute;
        padding: 0px 10px 0px 10px;
        width: 690rpx;
        left: 30rpx;
        bottom: 0rpx;
        animation: all 6s;
        animation-name: mycolor;

        .img {
          width: 100%;
          height: 134rpx;
        }

        p {
          position: absolute;
          left: 100rpx;
          bottom: 64rpx;
          font-size: 34rpx;
          color: #fff;
        }
      }

      @keyframes mycolor {
        0% {
          left: 30rpx;
          bottom: 140rpx;
          transform: scale(0 0.1);
        }

        100% {
          left: 30rpx;
          bottom: 140rpx;
          opacity: 0;
        }
      }
    }
  }

  .biographicalNotes {
    padding: 0 30rpx;
    margin-top: 40rpx;

    view:last-child {
      border-bottom: none;
    }

    .personal {
      padding-bottom: 40rpx;
      border-bottom: 1px solid #e0e0e0;

      .title {
        font-size: 32rpx;
        font-weight: 600;
        color: #000000;
        margin-bottom: 20rpx;
        display: flex;
        align-items: center;
      }

      .center {
        display: flex;
        align-items: center;
        justify-content: space-between;
        //height: 190rpx;

        .left {
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          font-size: 28rpx;
          color: #333333;

          .item {
            margin: 7rpx 0rpx;
          }

          .address {
            margin: 7rpx 0rpx;
          }
        }

        .image {
          margin-left: 30rpx;
          width: 180rpx;
          height: 180rpx;
          border-radius: 90rpx;
        }
      }

      .address {
      }
    }

    .educationalExperience {
      padding: 40rpx 0;
      border-bottom: 1px solid #e0e0e0;

      .title {
        font-size: 32rpx;
        font-weight: 600;
        color: #000000;
        display: flex;
        align-items: center;
      }

      .iteam {
        margin-top: 20rpx;

        view {
          margin: 10rpx 0rpx;
          font-size: 28rpx;
          color: #333333;
        }

        .iteam_top {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 10rpx;

          .left {
            font-size: 30rpx;
            font-weight: 600;
            color: #333333;
          }

          .right {
            display: flex;
            align-items: center;

            .nf_span {
              font-size: 30rpx;
              font-weight: 600;
              color: #888888;
            }

            .image {
              width: 35rpx;
              height: 35rpx;
              margin-left: 20rpx;
            }
          }
        }

        .iteam_bottom {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
        }

        .gznr {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
          margin-top: 10rpx;
        }
      }
    }

    .expectedPosition {
      padding: 40rpx 0;
      border-bottom: 1px solid #e0e0e0;

      .title {
        font-size: 32rpx;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .userCurStatus {
          width: 200rpx;
          height: 40rpx;
          background: #e7f5f4;
          border-radius: 4rpx;

          font-weight: 500;
          font-size: 24rpx;
          color: #0fa291;
          text-align: center;
          line-height: 40rpx;
        }
      }

      .iteam {
        margin-top: 20rpx;
        display: flex;
        align-items: center;
        flex-wrap: wrap;

        .iteam_view {
          // font-size: 24rpx;
          // font-weight: 400;
          // color: #333333;
          margin-right: 20rpx;
          margin-bottom: 14rpx;

          //width: 100rpx;
          //height: 40rpx;
          background: #f5f7f9;
          border-radius: 4rpx;

          font-weight: 400;
          font-size: 24rpx;
          color: #666666;

          padding: 8rpx 26rpx;

          // text {
          // 	padding-right: 10rpx;
          // }
        }
      }
    }

    .salaryExpectation {
      padding: 40rpx 0;
      border-bottom: 1px solid #e0e0e0;
      display: flex;
      align-items: center;
      justify-content: space-between;

      .title {
        font-size: 32rpx;
        font-weight: 600;
        color: #000000;
        display: flex;
        align-items: center;
      }

      .salary {
        font-size: 30rpx;
        font-weight: 600;
        color: #333333;
      }
    }

    .personalAdvantages {
      padding: 40rpx 0;
      border-bottom: 1px solid #e0e0e0;

      .title {
        font-size: 32rpx;
        font-weight: 600;
        color: #000000;
        display: flex;
        align-items: center;
      }

      .superiority {
        .center {
          width: 100%;
          max-height: 54px;
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
          overflow: hidden;
        }

        .zhankai {
          max-height: none;
        }

        .zk {
          display: flex;
          align-items: center;
          justify-content: flex-end;

          .zk_right {
            display: flex;
            align-items: center;
            font-size: 24rpx;
            font-weight: 400;
            color: #64b6a8;

            .image {
              width: 22rpx;
              height: 22rpx;
            }
          }
        }
      }
    }

    .bonusItem {
      padding: 40rpx 0;
      border-bottom: 1px solid #e0e0e0;

      .title {
        font-size: 32rpx;
        font-weight: 600;
        color: #000000;
        display: flex;
        align-items: center;
      }

      .bonus {
        margin-top: 20rpx;

        .item {
          font-size: 24rpx;
          line-height: 34rpx;
          font-weight: 400;
          color: #333333;
          margin-bottom: 25rpx;

          .item_title {
            //color: #64B6A8;
            //font-size: 30rpx;
            line-height: 42rpx;
            font-weight: 400;
            font-size: 28rpx;
            color: #333333;
            margin-bottom: 15rpx;
          }

          .item_card {
            background: #f5f7f9;
            border-radius: 10rpx;
            padding: 12rpx 20rpx;

            view:last-child {
              margin-bottom: 0rpx;
            }
          }

          // 培训经历
          .trainingExperience_item_info {
            font-weight: 400;
            font-size: 28rpx;
            color: #333333;
            margin-bottom: 20rpx;

            .trainingInstitutions {
              color: #000000;
              margin: 10rpx 0rpx;
            }

            .trainingCourse {
              justify-content: space-between;
              margin: 10rpx 0rpx;
            }
          }

          // 语言经历
          .languageAbility_item_info {
            margin-bottom: 20rpx;

            span {
              margin: 0rpx 10rpx;
            }
          }

          // 资格证书
          .qualification_item_info {
            margin-bottom: 20rpx;

            span {
              margin: 0rpx 10rpx;
            }
          }

          // 专业技能
          .professionalSkills_item_info {
            margin-bottom: 20rpx;

            span {
              margin: 0rpx 10rpx;
            }
          }

          .item_info {
            font-size: 28rpx;
            margin-bottom: 20rpx;

            .time {
              margin-bottom: 10rpx;
            }

            .flex {
              line-height: 40rpx;
              margin-bottom: 10rpx;

              .label {
                width: 140rpx;
                color: #999;
              }

              .content {
                width: calc(100% - 140rpx);
              }
            }

            .flex:last-child {
              margin-bottom: 0;
            }
          }
        }
      }
    }

    .personalWorks {
      //padding: 40rpx 0;

      .title {
        font-size: 32rpx;
        font-weight: 600;
        color: #000000;
        display: flex;
        align-items: center;
      }

      .grzp_s {
        .image {
          width: 152rpx;
          height: 152rpx;
          border-radius: 10rpx;
          //margin-top: 20rpx;
          margin-right: 20rpx;
        }

        .image:nth-child(3n) {
          margin-right: 0;
        }
      }

      .gend {
        display: flex;
        align-items: center;
        justify-content: flex-end;

        .rights {
          font-size: 24rpx;
          font-weight: 400;
          color: #64b6a8;
        }
      }

      .personalWorks_gd {
        font-size: 24rpx;
        font-weight: 400;
        color: #64b6a8;
        text-align: right;
      }
    }

    .departure {
      padding: 40rpx 0;

      .title {
        font-size: 32rpx;
        font-weight: 600;
        color: #000000;
        display: flex;
        align-items: center;
      }

      .kuan {
        width: 670rpx;
        min-height: 200rpx;
        margin-top: 40rpx;
        border: 1px solid #c9c9c9;
        position: relative;

        .textarea {
          min-height: 180rpx;
          width: 620rpx;
          margin-left: 24rpx;
          margin-top: 14rpx;
          line-height: 50rpx;
          letter-spacing: 2rpx;
          padding-bottom: 50rpx;
          font-size: 24rpx;
        }

        .numberWords {
          position: absolute;
          bottom: 10rpx;
          right: 10rpx;
          color: #64b6a8;
          font-size: 24rpx;
        }
      }
    }

    .disclaimer {
      margin-top: 40rpx;
      font-size: 24rpx;
      font-weight: 400;
      color: #989898;
      line-height: 40rpx;
    }
  }

  .binds_identity_new {
    width: 100%;
    background-image: url(https://pic.bangbangtongcheng.com/static/TalentResume/pop-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 658rpx;
    text-align: center;
    overflow: hidden;

    .top-image {
      margin-top: 79rpx;
      margin-bottom: 50rpx;

      image {
        width: 200rpx;
        height: 184rpx;
      }
    }

    .tip-title {
      font-weight: 500;
      font-size: 36rpx;
      color: #000000;
      margin-bottom: 22rpx;
    }

    .text {
      font-weight: 400;
      font-size: 32rpx;
      color: #666666;
      margin-bottom: 79rpx;
    }

    .btn {
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      line-height: 90rpx;

      .qx_btn {
        width: 200rpx;
        height: 90rpx;
        background: #e7f5f4;
        border-radius: 45rpx;
        border: 1rpx solid #0fa291;

        font-weight: 400;
        font-size: 32rpx;
        color: #0fa291;
      }

      .qd_btn {
        width: 470rpx;
        height: 90rpx;
        background: #0fa291;
        border-radius: 45rpx;

        font-weight: 400;
        font-size: 32rpx;
        color: #ffffff;
      }
    }
  }

  .binds_identity {
    width: 600rpx;
    background-color: #ffffff;
    border-radius: 10rpx;

    .title {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      margin-bottom: 20rpx;
      padding-top: 20rpx;

      .image {
        width: 40rpx;
        height: 40rpx;
        margin-right: 20rpx;
      }
    }

    .text {
      font-size: 30rpx;
      font-weight: 400;
      color: #000000;
      padding: 70rpx 44rpx 44rpx 44rpx;
    }

    .btn {
      display: flex;
      align-items: center;
      justify-content: space-evenly;

      .qx_btn {
        flex: 1;
        height: 90rpx;
        background-color: #f2f2f2;
        font-size: 30rpx;
        font-weight: 400;
        color: #333333;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 0 0 10rpx;
      }

      .qd_btn {
        flex: 1;
        height: 90rpx;
        background-color: #64b6a8;
        font-size: 30rpx;
        font-weight: 400;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 0 10rpx 0;
      }
    }
  }

  .binds_shield {
    width: 600rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
    padding: 70rpx 44rpx 44rpx 44rpx;

    .text {
      font-size: 30rpx;
      font-weight: 400;
      color: #000000;
    }

    .btn {
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      margin-top: 36rpx;

      .qx_btn {
        width: 160rpx;
        height: 60rpx;
        border-radius: 38rpx;
        border: 1px solid #64b6a8;
        font-size: 30rpx;
        font-weight: 400;
        color: #64b6a8;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .qd_btn {
        width: 160rpx;
        height: 60rpx;
        background-color: #64b6a8;
        border-radius: 38rpx;
        font-size: 30rpx;
        font-weight: 400;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }

  .bottom {
    position: fixed;
    width: 100%;
    background-color: #fff;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: calc(8rpx + env(safe-area-inset-bottom) / 2);

    .bottom_left {
      flex: 1;
      display: flex;
      justify-content: space-around;

      .img {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-left: 25rpx;

        image {
          width: 54rpx;
          height: 54rpx;
        }

        p {
          font-size: 24rpx;
        }
      }
    }

    .but {
      // position: absolute;
      width: 200rpx;
      height: 70rpx;
      border-radius: 36rpx;
      text-align: center;
      line-height: 70rpx;
      color: #fff;
      background: #64b6a8;
      margin-right: 25rpx;
      // top: 26rpx;
      // right: 30rpx;
    }
  }

  .bindMarkCallBindsFrame {
    width: 600rpx;
    background-image: url('https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/jianzhi-xiangqing-popbg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 20rpx;
    text-align: center;
    font-size: 36rpx;
    position: relative;
    padding: 30rpx;
    padding-top: 92rpx;

    image {
      width: 32rpx;
      height: 32rpx;
    }

    .phoneItem {
      display: flex;
      justify-content: start;
      align-items: center;
      width: 540rpx;
      height: 90rpx;
      background: #ffffff;
      box-shadow: 0rpx 10rpx 20rpx 0rpx rgba(24, 97, 93, 0.08);
      border-radius: 10rpx;
      line-height: 90rpx;
      overflow: hidden;

      image {
        margin-left: 36rpx;
        margin-right: 20rpx;
      }

      .phoneNumber {
        font-weight: 400;
        font-size: 32rpx;
        color: #000000;
        margin-right: 99rpx;
      }

      .onphone {
        text-align: center;
        font-weight: 600;
        font-size: 32rpx;
        color: #0fa291;
      }
    }

    .phoneLogo {
      position: absolute;
      width: 170rpx;
      height: 184rpx;
      top: -120rpx;
      left: 50%;
      transform: translateX(-50%);
    }

    .closeIcon {
      position: absolute;
      width: 60rpx;
      height: 60rpx;
      left: 50%;
      transform: translateX(-50%);
      bottom: -100rpx;
    }

    .tip {
      margin-top: 30rpx;
      font-weight: 400;
      font-size: 28rpx;
      color: #ff4d2e;
    }

    .bottomTip {
      font-size: 28rpx;
      color: #666666;
    }

    .bottomBut {
      display: flex;
      justify-content: space-between;
      align-items: center;

      p {
        width: 50%;
        font-size: 28rpx;
      }

      .p1 {
        color: #0fa291;
      }

      .p2 {
        background: #0fa291;
        border-radius: 45rpx;
        font-weight: 500;
        font-size: 32rpx;
        color: #ffffff;
        padding: 29rpx 0rpx;
      }
    }
  }

  .binds_frame {
    width: 600rpx;
    height: 316rpx;
    background-color: #ffffff;
    border-radius: 20rpx;
    text-align: center;
    position: relative;

    .binds_frame_t {
      font-size: 30rpx;
      font-weight: 550;
      color: #000000;
      padding-top: 36rpx;
    }

    .binds_frame_c {
      margin-top: 34rpx;
      font-weight: 500;
      font-size: 36rpx;
      color: #000000;
    }

    .binds_frame_b {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 90rpx;
      display: flex;

      .cancel {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0px 0px 0px 20rpx;
        font-weight: 400;
        font-size: 36rpx;
        color: #999999;
        border: 1px solid #eee;
      }

      .determine {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0px 0px 20rpx 0px;
        font-weight: 500;
        font-size: 36rpx;
        color: #0fa291;
        border: 1px solid #eee;
      }
    }
  }
</style>
